<div id="wrapFooter">
			<div id="innerFooter">
			
				<div id="leftFooter">
					<div class="wrapBottomNav">
						<p class="bottomNavTitle">MyDomain.com</p>
						<ul class="bottomNav">
							<li><a href="">Giới thiệu</a></li>
							<li><a href="">Liên hệ</a></li>
							<li><a href="">Điều lệ</a></li>
							<li><a href="">FAQS</a></li>
						</ul>
					</div><!-- end .wrapBottomNav -->
					
					<div class="wrapBottomNav">
						<p class="bottomNavTitle">Hướng dẫn</p>
						<ul class="bottomNav">
							<li><a href="">Đăng nhập Facebook</a></li>
							<li><a href="">Upload Hình</a></li>
							<li><a href="">Upload Video</a></li>
							<li><a href="">Upload Text</a></li>
						</ul>
					</div><!-- end .wrapBottomNav -->
				
				</div><!-- end #leftFooter -->
				
				<div id="rightFooter">
					
					
					<div id="wrapCopyright">
						<div id="footerLogo">
							<a href=""><img src="images/footerLogo.png" alt="MyDomain.com" /></a>
						</div>
						
						<div id="copyright">
							Copyright &copy; 2013-2016 MyDomain.com. All rights reserved
						</div>
						
					</div><!-- end #wrapCopyright -->
				</div>
				
				<div class="clr"></div>
			</div><!-- end #innerFooter -->
		</div><!-- end #wrapFooter -->
		
	</div><!-- end #wrapAll -->
	
	<div id="errorElementReveal" class="reveal-modal error-reveal-modal" style="display: none;">
		<div class="client-error">
			<div class="text-error">
				<h2>Lỗi</h2>
				<span>Không thể tải nội dung của bài viết. Xin vui lòng refresh trang và thử lại.</span>
			</div>
			
		</div>
	</div>
	<div id="toTop"></div>
	
	<script type="text/javascript">
		$(document).ready(function(){
			$('#contentIndex').gridalicious({
				//gutter: 1,
				width: 220,
				animate: true,
			  	animationOptions: {
				    queue: true,
				    speed: 100,
				    duration: 300,
				    effect: 'fadeInOnAppear',
			  	}	
			});
			
			/*
			 * Show quick view of a thread
			 */
			$('.itemImage').click(function(){
		
				parentId = $(this).parent().attr('id');
				
				popupId = 'popupElem-' + parentId;
				
				popupElem = '#popupElem-' + parentId; 
				
				if(!parentId){
					return;
				}
				
				if(!$(popupElem).text().length){
					//alert($(popupElem + ' > div.modal-dialog > div.modal-content > div.modal-body').html().length);
					
					$(this).parent().append('<div role="dialog" id="popupElem-' + parentId + '" class="modal fade" style="display: none;">');
					$(popupElem).append('<div class="modal-dialog modal-wide" id="content-'+ parentId +'">');
					$(popupElem).append('</div><!-- end .modal-dialog --></div><!-- end .modal .fade -->');
					$(popupElem + ' > div.modal-dialog').append('<div id="loadMoreItems" class="normalLoadBtn" style="margin-top:20px;"><img  width="20" src="public/images/loading.gif" alt="loading" /> Loading </div><!-- end #loadMoreItems -->');
					$(popupElem).modal();
					$.ajax({
						url : 'category.php',
						type : 'POST',
						data : {parentId : parentId, popupId : popupId},
						
						success: function(data){
							$(popupElem + ' > div.modal-dialog > div#loadMoreItems').remove();
							newData = $.parseJSON(data);
							
							if(newData.data){
								$('#content-' + parentId).append(newData.data);
								/* $('#content-' + parentId).find('.popupControl').hcSticky({
									top: 100,
									bottomEnd: 100,
								}); */
								FB.XFBML.parse(document.getElementById(popupId));
								
							}
						},
					});
				}else{
					$(popupElem).modal();
				}
			});
		e
			
			//$("#wrapHeader").sticky({topSpacing:0});
			//$("#sectionControl").sticky({topSpacing:0});
			//$(".quickPreviewBtn").center();
			
			$.scrollUp({
			    scrollName: 'toTop', // Element ID
			    scrollDistance: 1, // Distance from top before showing element (px)
			    topSpeed: 100, // Speed back to top (ms)
			    animation: 'fade', // Fade, slide, nonmee
			    animationInSpeed: 200, // Animation in speed (ms)
			    animationOutSpeed: 200, // Animation out speed (ms)
			    scrollText: '<img src="public/images/top.png" alt="To top" />', // Text for element
			    activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
			  });
			
			
		});
	</script>
			
	<script type="text/javascript" language="javascript" src="public/exts/js/bootstrap.min.js"></script>
	<script type="text/javascript" language="javascript" src="public/exts/js/jquery.grid-a-licious.min.js"></script>
	<script type="text/javascript" language="javascript" src="public/exts/js/jquery.hcSticky.js"></script>
	<script type="text/javascript" language="javascript" src="public/exts/js/jquery.scrollUp.js"></script>
	
</body>
	
	
</html>